html {
	scroll-behavior: smooth;
}

body {
	background-color: $bg-color;
	font-size: 1rem;
}

.language-text,
.gatsby-code-text {
	background-color: #ffd6cc;
	color: initial;
}

// Source Sans Pro applied only on:

.clay-docs-title,
.sidebar-clay-site,
.home {
	font-family: $font-family-system;
}

// temporal hide

.clay-overflow-hidden-md-down {
	@media (max-width: $screen-md - 1) {
		overflow: hidden;
	}
}

.style-toggler {
	display: none;
}

.flex-xl-nowrap {
	@media (min-width: $grid-float-breakpoint) {
		flex-wrap: nowrap;
	}
}

.skippy {
	background-color: $brand-bg-dark;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;

	&:focus-within a {
		height: auto !important;
		overflow: visible !important;
		width: auto !important;
		position: static !important;
	}

	a {
		color: $brand-lighten;
	}
}
